<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>忘记密码</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/aui.css">
    <link rel="stylesheet" href="../css/aui-flex.css">
    <style>

    </style>
</head>
<body style="" class="padding-b-3 bg-white">
<header class="aui-bar aui-bar-nav ">
    <a class="aui-pull-left aui-btn">
        <span class="font-black aui-iconfont aui-icon-left"></span>
    </a>
    <div class="aui-title font-black">忘记密码</div>
</header>
<section class="aui-padded-10">
<ul class="aui-list aui-form-list aui-margin-t-10 no-border">

    <li class="aui-list-item">
        <div class="aui-list-item-inner aui-list-item-arrow">
            <div class="color-hui">国家/地区<span class="aui-padded-l-10 font-black">中国</span></div>
        </div>
    </li>
    <li class="aui-list-item">
        <div class="aui-list-item-inner">
            <div class="aui-list-item-input">
                <input type="text" placeholder="手机号码">
            </div>
        </div>
    </li>
    <li class="aui-list-item">
        <div class="aui-list-item-inner">
            <div class="aui-list-item-input display-flex flex-center">
                <input type="text" class="flex-1" placeholder="验证码"><div id="sendVerify" class="aui-btn  aui-btn-primary">获取验证码</div>
            </div>
        </div>
    </li>
    <li class="aui-list-item">
        <div class="aui-list-item-inner">
            <div class="aui-list-item-input">
                <input type="password" placeholder="密码">
            </div>
        </div>
    </li>
    <li class="aui-list-item">
        <div class="aui-list-item-inner">
            <div class="aui-list-item-input">
                <input type="password" placeholder="重置密码">
            </div>
        </div>
    </li>
</ul>
    <div class="aui-btn aui-margin-t-25 aui-btn-block aui-btn-primary">确认</div>
</section>

</body>
<script src="../script/jquery.min.js"></script>
<script>
    var canSend=true,time=60;
    $("#sendVerify").click(function () {
        if(canSend){
            canSend=false;
            countDown()
        }
    })
    function countDown(){
        if(time==0){
            canSend=true;
            time=60;
            $("#sendVerify").text("重新获取")
        }else{
            time--;
            $("#sendVerify").text("已发送("+time+")s");
            setTimeout(function () {
                countDown()
            },1000)
        }
    }
</script>
</html>